<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('bundles/billing/css/bootstrap.css') }}" />
    <style type="text/css">
      html,
	  body {height:100%}
	  .container {
		  padding-top: 25px;
	  }
	  footer {margin-top:100px;}
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">

    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  </head>

  <body>
	<div class="container">
		<div class="row">
			<div class="span2"><img src="{{ asset('bundles/billing/i/logo.gif') }}" alt="" width="150"/></div>
			<div class="span4">
				{% render "BillingBundle:Users:renderInfo" %}
			</div>
			<div class="span5">
                            <br>
                            <table>
                                <tr>
                                    <td>
                                        <div id="users_bills_add_tab">
                                            <a href="#users_bills_add" class="btn btn-success"><i class="icon-shopping-cart icon-white"></i> Пополнить счет</a>
                                        </div>
                                    </td>
                                    <td>
                                        <div id="orders_show_tab">
                                            <a href="#orders_show" class="btn btn-primary"><i class="icon-shopping-cart icon-white"></i> Заказать ещё</a>
                                        </div>
                                    </td>
                                </tr>
                            </table>	
			</div>
		</div>
		<div class="row">
			<div class="span2">&nbsp;</div>
			<div class="span9">
				<div class="subnav">
					<ul class="nav nav-pills" style="margin: 20px 0 0 0">
                                          <li id="shared_tab">
                                              <a href="#shared">Заказы</a>
                                          </li>
                                          <li id="users_bills_tab">
                                              <a href="#users_bills">Счета</a>
                                          </li>
                                          <li id="bonuses_tab">
                                              <a href="#bonuses" id="bonuses_show">Бонусы</a>
                                          </li>                                       
                                          <li id="messages_tab">
                                              <a href="#messages">Уведомления ({% render "BillingBundle:Messages:renderCount" %})</a> 
                                          </li>
					</ul>
				</div>
			</div>
		</div>
		<hr>
		<div class="row">
                        {% block content %}
                        {% endblock %}
                </div>
              <footer class="navbar-fixed-bottom">
                  <hr>
                  <div class="row">
                        <div class="span2">
                                <p>&copy; docker.ru, 2004–2012</p>
                                <p>Сделано в <a href="">АртВизио</a></p>
                        </div>
                        <div class="span4">

                                <h5>Хостинг «Докер»</h5>
                                <ul class="unstyled">
                                        <li>Телефон: 8 (812) 313-26-72</li>
                                        <li>Электронная почта: hosting@docker.ru</li>
                                        <li>ICQ: 5794116</li>
                                        <li>Skype: docker.ru</li>

                                </ul>
                        </div>
                        <div class="span3">
                                <a href="">Вопрос-ответ</a>
                        </div>
                        </div>
              </footer>
        </div>
   <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
  </body>
</html>


